<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="opt-in.css" />
</head>
<body style="background-color:#e1f3eb0d; font-family: Segoe UI, Tahoma, sans-serif; font-size: 13px; color: #0e0e0e;">
<div id="after-opt-in" >
    <div>
      <span>
        <img class="icon" src="/xpath.png"> <img />
      </span>
      <span>
        <B>自动化测试-元素获取上报</B><I> kuaipu</I>
      </span>
    </div>
    <ul>
      <li>Right click on the target element to generate the relative XPath</li>
      <li>You can use the Dev tools To create the custom XPath in seconds</li>
      <li>TruePath now auto generate the Page Object Model code for Java, C#, and Robot Framework.</li>
    <br/>
    </ul>
  </div>
<div>
  <div>
    <span>Please upload the code for the locator analysis</span>
    <span><input type="file" id="txtfiletoread" /></span>
  </div>
  <br>
  <span>
          <div>The following are the meaning of symbols:</div>
          <div style="padding-bottom:5px">
              &nbsp;&nbsp;
              <span style='display: inline-block;  background-color: #cb2431; border:1px solid #d4d2cd;'>☓</span>
              <span> -The element is not present on the page</span>
          </div>
          <div style="padding-bottom:5px">
              &nbsp;&nbsp;
              <span style='display: inline-block;  background-color: #28a745; border:1px solid #d4d2cd;'>✓</span>
              <span> -The element is present on the page</span>
          </div>
          <div style="padding-bottom:5px">
              &nbsp;&nbsp;
              <span style='display: inline-block;  background-color: #9ba028; border:1px solid #d4d2cd;'>✓</span>
              <span> -Multiple elements are present on the page</span>
          </div>
          
  </span>
  <br>
  &nbsp;&nbsp;
      <span style="float: left; font-family: Segoe UI, Tahoma, sans-serif; font-size: 10px;" class='labeltxt'>Stay Home Stay Safe ❤️</span>
</div>
  <script src="popup.js"></script>
</body>
</html>
